var h= window.screen.height,
    w=window.screen.width;

///一、借阅排行--图书和标记切换动效
var rank_timer=null,rank_index=0;
function rank_book(){
    clearTimeout(rank_timer);
    //$('#rank_books>div:eq(0)').addClass('show').removeClass('hide').siblings().addClass('hide').removeClass("animated bounceIn show");
    //$('.flag_left_top').css('backgroundImage','url(static/images/rank/blue_left.png)');
    $('#rank_books>div:eq(' + rank_index + ')').addClass('animated bounceIn show').removeClass('hide').siblings().addClass('hide').removeClass("animated bounceIn show");
    $('.rank_flag').each(function (i, e) {
        if ($(e).data('flag') == rank_index){
            if($(e).data('flag')==1||$(e).data('flag')==2||$(e).data('flag')==3){
                $(e).css('backgroundImage','url(static/images/rank/blue_right.png)').siblings('.rank_flag_left').css('backgroundImage','url(static/images/rank/green_left.png)');
                $(e).siblings('.rank_flag_right').css('backgroundImage','url(static/images/rank/green_right.png)');
            }else{
                $(e).css('backgroundImage','url(static/images/rank/blue_left.png)').siblings('.rank_flag_left').css('backgroundImage','url(static/images/rank/green_left.png)');
                $(e).siblings('.rank_flag_right').css('backgroundImage','url(static/images/rank/green_right.png)');
            }
        }
    });
    rank_index++;
    if(rank_index==6){
        rank_index=0;
    }
    rank_timer=setTimeout('rank_book()',4000);
}
///二、本馆风采--轮播图下面的跑马灯

////判断轮播的时图片还是视频
function select_style(){
    var flag=1;////默认标志为1说明是轮播图片，当为2时候说明轮播视频
    var str='';
    if(flag==1){
        str='<div class="swiper-wrapper">'+
            '<div class="swiper-slide"><img src="upload/00.jpg" alt="" title="" height="100%"/></div>'+
            '<div class="swiper-slide"><img src="upload/3.png" alt="" title="" /></div>'+
            '<div class="swiper-slide"><img src="upload/1.JPG" alt="" title="" /></div>'+
            '<div class="swiper-slide"><img src="upload/4.JPG" alt="" title="" /></div>'+
            '<div class="swiper-slide"><img src="upload/notice.png" alt="" title="" height="100%"/></div>'+
            '</div>';
        $('.swiper-container').html(str);
    }
    if(flag==2){
        str='<div id="banner_video_all"><video controls width="100%",height="100%" id="banner_video_01"><source src="./flv.flv" type="video/flv"><source src="upload/chrome.mp4" type="video/mp4"></video></div>';
        $('.swiper-container').html(str);
        var vList = ['upload/chrome.mp4', 'upload/mp4.mp4']; // 初始化播放列表
        var vLen = vList.length;
        var curr = 0;
        var video = document.getElementById("banner_video_01");
        video.play();
        video.addEventListener('ended', function(){
            play();
        });
        function play() {
            video.src = vList[curr];
            video.load();
            video.play();
            curr++;
            if(curr >= vLen){
                curr = 0; //重新循环播放
            }

        }
    }
}
var my_style=document.querySelector(".swiper-container");
///全屏展示
//setTimeout(function() {
//    location.assign("http://localhost:63342/watchData/123.html");
//},3000);


function openfullscreen(){
        var isfull=true;
        var my_style=document.querySelector(".swiper-container");
    $(my_style).css({"border":"none","border-radius":"0,0,0,0"});
        if(my_style.requestFullScreen){
            console.log('真的可以全屏啊');
            my_style.requestFullScreen();
        }
        else if(my_style.webkitRequestFullScreen){
            my_style.webkitRequestFullScreen();
        }
        else if(my_style.mozRequestFullScreen){
            my_style.mozRequestFullScreen();
        }
        else if(my_style.msRequestFullScreen){
            my_style.msRequestFullScreen();
        }

}
function exitFullscreen(){
    //if(!isfull){
        /*退出全屏*/
        if(document.cancelFullScreen){
            document.cancelFullScreen();
        }
        else if(document.webkitCancelFullScreen){
            document.webkitCancelFullScreen();
        }
        else if(document.mozCancelFullScreen){
            document.mozCancelFullScreen();
        }
        else if(document.msCancelFullScreen){
            document.msCancelFullScreen();
        }

    //}


}

////本馆风采跑马灯
var lamp_index= 0,lamp_timer=null;
var lis=$('#lamp>li').length;
var flag=true;///定义一个标记来记录灯是变暗还是变亮，初始化true是变亮
function lamp_run_light(){
        var timer_light= setInterval(function(){
            if(lamp_index<lis&&flag==true){
                $('#lamp>li:eq(' + lamp_index + ')').addClass('hight').removeClass('dim');
                //console.log(lamp_index+'变亮');
                lamp_index++;
            }else{
                clearInterval(timer_light);
                flag = false;///当所有的灯都变亮时候此时标记成false要倒退依次执行变暗
                lamp_index=lis-1;
            }
        },100);////当不符合条件时候此时lamp_index的值是lis的值

    }
function lamp_run_dim(){
        var timer_dim=setInterval(function(){
            if (lamp_index>=0&&flag== false) {
                $('#lamp>li:eq(' + lamp_index + ')').addClass('dim').removeClass('hight');
                //console.log(lamp_index + '变暗');
                lamp_index--;
            } else {
                clearInterval(timer_dim);
                flag = true;///当倒退全部变暗时候就在此设置为true变亮标志
                lamp_index = 0;///设置索引从第一个灯开始依次变亮
            }
        },100);
    }
function which_lamp_run(){
    clearTimeout(lamp_timer);
    if(lamp_index==0){
        lamp_run_light();
    }
    if(lamp_index==lis-1){
        lamp_run_dim();
    }
    setTimeout('which_lamp_run()',10000);
}
///本馆风采跑马灯结束

///三、借还书系统--上面天气渲染和日期更新
function weather_date(address){
    getweather(address);
    var timer = null;
    showTime();
    timer = setInterval(showTime,1000);//绑定计时器。一秒钟调用一次函数，动态刷新时间
}
////发ajax请求天气数据和日期显示
function getweather(p){
    $.ajax({
        url:"http://api.map.baidu.com/telematics/v3/weather",
        type:"get",
        data:{
            location:p,
            output:'json',
            ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
        },
        /*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
        dataType:"jsonp",
        success:function(data){
            var weatherData=data.results[0].weather_data;
            $("#kplace").text(p);
            //if(weatherData[0].weather.length!=undefined&&weatherData[0].weather.length>=6){
            //    $(".hw_left").width(10/192*w);
            //}
            $("#kpweather").text(weatherData[0].weather);
            $("#kptemp").text(weatherData[0].temperature);
        }
    })
}
function showTime() {
    var today = new Date(); //新建一个Date对象
    var date = today.getDate();//查询当月日期
    var day = today.getDay();//查询当前星期几
    var month = today.getMonth() + 1;//查询月份
    var year = today.getFullYear();//查询年份
    var hour = today.getHours();
    var min = today.getMinutes();
    var sec = today.getSeconds();
    var week = "";
    if (day == 0) week = '星期日';
    if (day == 1) week = '星期一';
    if (day == 2) week = '星期二';
    if (day == 3) week = '星期三';
    if (day == 4) week = '星期四';
    if (day == 5) week = '星期五';
    if (day == 6) week = '星期六';
    if(hour<10){
        hour='0'+hour;
    }
    if(min<10){
        min='0'+min;
    }
    if(sec<10){
        sec='0'+sec;
    }
    $('#kp_clock').html(year + "年" + month + "月" + date + "日 " + week);
    $('#t_h').html(hour + ":");
    $('#t_m').html( min );
    $('#t_s').html(sec);

}
////折线图数据统计
var chart_timer=null;
function mychart(){
    clearTimeout(chart_timer);
    var myChart = echarts.init(document.getElementById('main3'));
    var option = {
        title : {
            //x:'center',
            //y:'top',
            //show:true,
            //text: '借出还入曲线图',
            ////subtext: '纯属虚构'
            textStyle: {
                fontSize: 1/1080*h,
                //fontWeight: 'bolder',
                color: '#41a5ad'          // 主标题文字颜色
            },
            //padding: [0,0,80,10],
        },
        tooltip : {
            trigger: 'axis',
            show:false
        },
        color:['#61cb5f','#e9a10e'],///这个数组是设置对应的图例的颜色
        legend: {
            //right:30/1920*w,////图例整体组件离右边的距离
            //bottom:20,
            top:70/1080*h,//调节图例上下的间距
            x: 'center',
            y: 'top',
            //padding: -1,
            orient:"horizontal",
            itemWidth:25/1920*w,///设置图例组件整体的宽度
            itemHeight:10/1080*h,////设置图例组件整体的高度
            data:[
                {name: '借出',
                    //textStyle:{color:"#91a1ba",fontSize:0.875/1080*h},
                    textStyle:{color:"#91a1ba",fontSize:14},

                    backgroundColor: '#60c960'
                },
                {name:'还入',
                    textStyle:{color:"#91a1ba",fontSize:14},
                    backgroundColor: '#c97d1f'
                }
            ],
            selected: {
                '借出' : true,
                '还入' : true
            },

        },
        toolbox: {
            show : false,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : false,
        xAxis : [
            {
                type : 'category',
                axisTick: {///去除刻度线
                    show: false
                },
                axisLine: {///坐标轴的颜色
                    lineStyle: {color: '#1d5564'}
                },
                boundaryGap : false,
                data : ['8:00','9:00','10:00','11:00','12:00','13:00'],
                //data:[],
                splitLine:{
                    show: true,//显示网格线
                    lineStyle:{
                        color: ['#1d5564'],//网格的颜色
                        width: 1,
                        type: 'solid'
                    }
                },
                axisLabel:{
                    interval: 0,////当x轴数据过多时候，echart默认是把中间的数据隐藏掉，此属性是用来设置完全显示不用隐藏
                    textStyle:{
                        color:"#91a1ba",
                        align : 'left',
                        fontSize: 14

                    }
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                //min: 100,///这里最大值和最小值可以不用写，会自动根据数据动态设置合理的最大值和最小值及刻度区间段
                //max: 600,
                //interval:50,
                axisTick: {//去除刻度线
                    show: false
                },
                axisLine: {///坐标轴的颜色
                    lineStyle: {color: '#1d5564'}
                },
                data : [0,100,200,300,400,500,600],
                splitLine:{
                    show: true,//去除网格线
                    lineStyle:{
                        color: ['#1d5564'],
                        width: 1,
                        type: 'solid'
                    }
                },
                axisLabel:{
                    textStyle:{
                        color:"#91a1ba",
                        //align : 'left',
                        fontSize: 14
                    }
                }
            }
        ],
        grid:{
            //x:40,
            //y:50,
            //x2:30,
            //y2:50
            x:'10%',
            y:'35%',
            x2:'10%',
            y2:'20%'

        },
        series : [
            {
                name:'借出',
                type:'line',
                barWidth :4,
                data:[0,80,96,142,169,259],
                //data:[],
                symbol: "circle",///设置折线拐点事实心圆，不是空心圆
                symbolSize: 8,//拐点大小
                smooth:true,///设置拐点线条比较平滑
                itemStyle : {
                    normal : {
                        label : {show: true},//设置显示每个拐点的数据
                        color:'#60c960',//设置折线拐点的颜色
                        //borderColor: "blue" , // 设置折线拐点边框的颜色，
                        lineStyle:{
                            color:'#60c960'///设置折线颜色
                        }

                    }
                }
            },
            {
                name:'还入',
                type:'line',
                barWidth :4,
                data:[0,29,156,227,301,355],
                //data:[],
                symbol: "circle",
                symbolSize: 8,//拐点大小
                smooth:true,///设置拐点线条比较平滑
                itemStyle : {
                    normal : {
                        label : {show: true},
                        color:'#c97d1f',//设置折线点的颜色
                        //borderColor: "blue" , // 设置折线拐点边框的颜色，
                        lineStyle:{
                            color:'#c97d1f'///设置折线颜色
                        }
                    }
                }
            }
        ],
        borderColor:'#215563',
    };
    myChart.clear();
    myChart.setOption(option);
    chart_timer=setTimeout('mychart()',8000);
}
///借还书数字变化
var borrow_timer=null,options= {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    },demo_borrow_Num1,demo_borrow_Num2,demo_borrow_Num3
function borrow_Move(){
    clearTimeout(borrow_timer);
    demo_borrow_Num1 = new CountUp("myTargetElement",0,89,0,2.5,options);
    demo_borrow_Num1.start();
    demo_borrow_Num2= new CountUp("myTargetElement2",0,289,0,2.5,options);
    demo_borrow_Num2.start();
    demo_borrow_Num3 = new CountUp("myTargetElement3",0,8560000,0,2.5,options);
    demo_borrow_Num3.start();
    borrow_timer=setTimeout('borrow_Move()',10000);
}

///四、到馆统计数据不断变化
var library_timer=null,single_timer=null,demo_total,demo_Num1,demo_Num2,demo_Num3;
function white_run(){
    clearInterval(single_timer);////将初始化的白条增长的定时器清空
    var index1=0;///定义一个循环的索引判断白条增长的数量
    var index2=0;
    var index3=0;
    var img_length= $('#box2_inner_inner1>img').length;/////白条的总数量
    //$('#kp_count_num1').html(100);///这个是后台监测到数据变化赋值到dom元素显示
    //$('#kp_count_num2').html(80);///这个是后台监测到数据变化赋值到dom元素显示
    //$('#kp_count_num3').html(900);///这个是后台监测到数据变化赋值到dom元素显示
    var count_num1=286;
    var count_num2=208;
    var count_num3=1586;
    var count_per1=parseInt(img_length*count_num1/2000);////计算出来是应该涨几根，取整数
    var count_per2=parseInt(img_length*count_num2/2000);////计算出来是应该涨几根，取整数
    var count_per3=parseInt(img_length*count_num3/2000);////计算出来是应该涨几根，取整数
    //console.log(count_per1);
    //console.log(count_per2);
    //console.log(count_per3);
    single_timer=setInterval(function() {
        if(index1<count_per1){
            $('#box2_inner_inner1>img:eq(' + index1 + ')').addClass('show').removeClass('hide');
            index1++;
        }
        if(index2<count_per2){
            $('#box2_inner_inner2>img:eq(' + index2 + ')').addClass('show').removeClass('hide');
            index2++;
        }
        if(index3<count_per3){
            $('#box2_inner_inner3>img:eq(' + index3 + ')').addClass('show').removeClass('hide');
            index3++;
        }
    },50);
}
function library_come(){
    clearTimeout(library_timer);///清除不断循环的定时器
    $('#box2_inner_inner1>img').addClass('hide').removeClass('show');///每次重新循环将白条隐藏
    $('#box2_inner_inner2>img').addClass('hide').removeClass('show');
    $('#box2_inner_inner3>img').addClass('hide').removeClass('show');
    $('.rectangle').css("width","0%");////每次将总累计宽度清0
    ////以上是每次执行循环都要初始化的内容
    demo_Num1 = new CountUp("kp_count_num1",0,276,0,2,options);////上面三个数字开始动
    demo_Num1.start();
    demo_Num2= new CountUp("kp_count_num2",0,218,0,2,options);
    demo_Num2.start();
    demo_Num3 = new CountUp("kp_count_num3",0,1568,0,2,options);
    demo_Num3.start();
    white_run();///白条条开始跑
    demo_total = new CountUp("myTargetElementt",0,432626274,0,2.5,options);///累计数字开始动
    demo_total.start();
    $('.rectangle').animate({width:100+"%"},3000);///累计条开始跑
    library_timer=setTimeout('library_come()',10000);

}
///五、通知--文字无缝滚动
var arr=["通知：为了方便广大读者阅读，提升本图书馆服务质量，图书馆将于本周六对机房设施更新升级，更新期间，暂不开放服务。更新时间：周六上午九点到下午十八点","超星数字图书馆为目前世界最大的中文在线数字图书馆，提供大量的电子图书资源提供阅读，其中包括文学、经济、计算机等五十余大类，数百万册电子图书，500 万篇论文，全文总量 13亿余页，数据总量1000000GB，大量免费电子图书，超16万集的学术视频，拥有超过35万授权作者，5300位名师，一千万注册用户并且每天仍在不断的增加与更新。为目前世界最大的中文在线数字图书馆。先进、成熟的超星数字图书馆技术平台和“超星阅览器”，给您提供各种读书所需功能。专为数字图书馆设计的PDG电子图书格式，具有很好的显示效果、适合在互联网上使用等优点。“超星阅览器”是国内目前技术最为成熟、创新点最多的专业阅览器，具有电子图书阅读、资源整理、网页采集、电子图书制作等一系列功能；图书馆是的重要传播地，在文化建设、教育发展中有着举足轻重的地位。但长期以来，由于经济条件的限制，我国图书馆事业比国外一直有比较大的差距。随着互联网时代的到来，数字图书馆的出现为中国的图书馆事业提供了一次难得的跨越式发展的机遇。 有了数字图书馆，偏僻山区、中国的西部等都可以和大城市的市民享有同样的阅读条件和教育机会，而且是24小时、没有等候的服务。借助于互联网的发展，数字图书馆同时克服了传统图书印数的限制，为更大范围的传播提供了便利，有研究者认为，数字图书馆重新发现了图书的价值。",['讲座内容：“青少年心理健康”','讲座时间：2017年9月23日周六上午10:00','讲座地点：超星图书馆三楼多功能报告厅']];
var brr=["通知公告","超星数字图书馆","讲座预告"];
var index=0;
var ul_height;
var box_height;
var str;
var i=0;
var timer=null;
function notice_move(){
    i=0;
    clearTimeout(timer);
    ////每次定时器进来都清空内容
    if(index==2){
        //str="<ul style='position: absolute;left:0;top:0;color: #4bc1fe;'><li style='width: 3.6rem;margin:0 auto 0.1rem 1rem;line-height: 0.32rem;'>"+arr[index][0]+"</li><li style='width: 3.6rem;margin:0 auto 0.1rem 1rem;line-height: 0.32rem;'>"+arr[index][1]+"</li><li style='width: 3.6rem;margin:0 auto 0.1rem 1rem;line-height: 0.32rem;'>"+arr[index][2]+"</li></ul>";
        str="<div style='position: absolute;left:0;top:0;color: #4bc1fe;'><p>"+arr[index][0]+"</p><p>"+arr[index][1]+"</p><p>"+arr[index][2]+"</p></div>";
    }else{
        str="<div style='position: absolute;left:0;top:0;color: #4bc1fe;'><p>"+arr[index]+"</p></div>";
    }
    //var str1="<li style='text-indent: 0.32rem;margin-bottom: 0.1rem;'>"+arr[index]+"</li>";
    $(".notice_con_list").html(str);
    $('.notice_con_title').html(brr[index]);//赋值当前通知的标题
    $(".notice_con_list").css("position","relative");
    ul_height=$('.notice_con_list>div').height();
    box_height=$('.notice_con_list').height();
//            console.log(index,ul_height);
    if($('.notice_con_list>div').height()>$('.notice_con_list').height()){
        //$('.notice_con_list>ul').append(str1);
        var scrollTime=ul_height/10*1000;
        if(scrollTime>10000){
            i=scrollTime/10000-1;
        }
        //console.log(scrollTime);
        $('.notice_con_list>div').animate({top:-ul_height},scrollTime,"linear");
    }
    index++;
    if(index==arr.length){
        index=0;
    }
    timer=setTimeout('notice_move()',10000+i*10000);
}
///六、今日推荐--书切换动效
var rec_timer=null,rec_index= 1;
var rec_img_length=$('#recommend_con_book').find('img').length;
var codeArr=[56,89,102];
function today_recommend(){
    clearTimeout(rec_timer);
    $('#recommend_con_book>img:eq(' + rec_index + ')').addClass('animated rotateIn show').removeClass('hide').siblings().addClass('hide').removeClass("animated rotateIn show");
    $('#two_code').html(codeArr[rec_index]);
    if(rec_index<rec_img_length){
        rec_index++;
    }else{
        rec_index=0;
    }
    rec_timer=setTimeout('today_recommend()',10000);
}
////七、初始化自自适应分辨率
function my_init(){
    $("html").height(h);
    $("html").width(w);
    $("body").css({'font-size':1.125*h/1080+"em"});
    $(".kp_big_screen").css({paddingLeft:20/1920*w+"px",paddingRight:20/1920*w+"px"});
    $(".kp_screen_top").css({height:h*731/1080+"px"});

    ///一 借阅排行榜
    $(".kp_rank").css({width:417/1920*w+"px",height:731/1080*h+"px",marginTop:-20/1080*h+"px"});
    $(".rank_title").css({top:60/1080*h+"px",'font-size':1.625*h/1080+"em"});
    $(".rank_con").css({width:360/1920*w+"px",height:281/1080*h+"px",top:105/1080*h+"px"});
    $(".polygon5").css({width:329/1920*w+"px",height:256/1080*h+"px"});
    $(".polygon4").css({width:299/1920*w+"px",height:233/1080*h+"px"});
    $(".polygon3").css({width:272/1920*w+"px",height:212/1080*h+"px"});
    $(".polygon2").css({width:245/1920*w+"px",height:191/1080*h+"px"});
    $(".polygon1").css({width:221/1920*w+"px",height:172/1080*h+"px"});
    $(".rank_books").css({width:115/1920*w+"px",height:133/1080*h+"px"});
    $(".rank_flag").css({width:51/1920*w+"px",height:41/1080*h+"px",'font-size':0.875*h/1080+"em",lineHeight:41/1080*h+"px"});
    $(".rank_des").css({width:360/1920*w+"px",height:340/1080*h+"px",left:30/1920*w+"px",paddingTop:8/1080*h+"px",bottom:10/1080*h+"px"});
    $(".rank_des_pub").css({width:360/1920*w+"px",height:46/1080*h+"px",paddingLeft:15/1920*w+"px",'font-size':1.125*h/1080+"em",lineHeight:46/1080*h+"px",marginBottom:10/1080*h+"px"});
    $(".paiming").css({marginRight:30/1920*w+"px",'font-size':0.75*h/1080+"em"});
    $(".paiming_three").css({lineHeight:53/1080*h+"px"});
    $(".paiming_four").css({lineHeight:55/1080*h+"px"});
    $(".paiming_six").css({lineHeight:60/1080*h+"px"});
    ///二  轮播图
    $(".kp_banner").css({width:820/1920*w+"px",height:730/1080*h+"px",paddingTop:30/1080*h+"px",marginRight:30/1920*w+"px",marginLeft:30/1920*w+"px"});
        ///1、头部logo
    $(".banner_header").css({height:h*80/1080+"px"});
    $(".banner_header .left_bg").css({width:204/1920*w+"px"});
    $(".banner_header .right_bg").css({width:204/1920*w+"px"});
    $(".banner_header .header_logo").css({width:481/1920*w+"px"});
    $(".banner_header p").css({'font-size':1.875*h/1080+"em"});
       ///公共的标题部分
    $(".kp_line_title").css({width:146/1920*w+"px",marginLeft:40/1920*w+"px",marginBottom:20/1080*h+"px"});
    $(".kp_line_title .title_txt_top").css({width:300/1920*w+"px",left:80/1920*w+"px",top:2/1080*h+"px",'font-size':0.375*h/1080+"em"});
    $(".kp_line_title .title_txt_bot").css({width:300/1920*w+"px",left:80/1920*w+"px",top:20/1080*h+"px",'font-size':1.75*h/1080+"em"});
       ///主体轮播图
    $(".banner_con").css({height:600/1080*h+"px",marginTop:20/1080*h+"px"});
    $(".banner_con .banner_pic").css({height:501/1080*h+"px",marginTop:-10/1080*h+"px"});
    $(".banner_con .banner_pic .banner_mid_bg").css({width:657/1920*w+"px",height:420/1080*h+"px",marginTop:30/1080*h+"px"});
    $(".banner_con .banner_pic .swiper-container").css({width:657/1920*w+"px",height:415/1080*h+"px"});
    $(".banner_con .banner_pic .lamp_line").css({width:556/1920*w+"px",bottom:30/1080*h+"px"});
    $(".banner_con .banner_pic .banner_run").css({paddingLeft:20/1920*w+"px"});
    $(".banner_con .banner_pic .banner_run li").css({width:6/1920*w+"px",marginRight:5/1920*w+"px"});

    ///三、借还书系统
    $(".kp_borrow").css({width:570/1920*w+"px",height:660/1080*h+"px",paddingTop:30/1080*h+"px"});
       //天气
    $(".kp_date").css({marginBottom:20/1080*h+"px"});
    $(".kp_weather").css({marginRight:20/1920*w+"px",marginLeft:40/1920*w+"px",'font-size':1.25*h/1080+"em"});
    $("#kp_clock").css({'font-size':1.25*h/1080+"em"});
    $("#t_h").css({'font-size':2.5*h/1080+"em"});
    $("#t_m").css({'font-size':2.5*h/1080+"em"});
    $("#t_s").css({'font-size':1.25*h/1080+"em"});
    $("#t_current").css({'font-size':0.625*h/1080+"em"});
      ///借还书曲线
    $(".kp_line_con").css({height:361/1080*h+"px",marginTop:-18/1080*h+"px"});
    $(".kp_line_con .line_title").css({top:15/1080*h+"px",'font-size':1.625*h/1080+"em"});
    $(".borrow_num").css({marginTop:10/1080*h+"px"});
    $(".borrow_num ul").css({paddingLeft:40/1920*w+"px"});
    $(".borrow_num ul li").css({marginRight:10/1920*w+"px"});
    $(".borrow_num ul li p").css({marginBottom:3/1080*h+"px"});
    $(".borrow_num ul li .borrow_book_num").css({'font-size':2*h/1080+"em"});
    $(".borrow_num ul li .ce").css({'font-size':0.875*h/1080+"em"});
    ///下面的布局
    $(".kp_screen_bottom").css({height:320/1080*h+"px"});
    ////到馆统计
    $(".kp_count").css({width:560/1920*w+"px",marginRight:20/1920*w+"px"});
    $(".kp_count .count_num").css({height:270/1080*h+"px",marginTop:-20/1080*h+"px",marginRight:90/1920*w+"px",marginLeft:20/1920*w+"px"});
    $(".kp_count .count_num .count_num_top").css({height:185/1080*h+"px",paddingTop:10/1080*h+"px"});
    $(".kp_count .count_num .count_num_top li").css({marginRight:10/1920*w+"px"});
    $(".kp_count .count_num .count_num_top .num_left").css({'font-size':1.125*h/1080+"em",marginRight:10/1920*w+"px"});
    $(".kp_count .count_num .count_num_top .box2").css({width:25/1920*w+"px",height:150/1080*h+"px"});
    $(".kp_count .count_num .count_num_top .box2_inner_inner").css({width:21/1920*w+"px",height:146/1080*h+"px",top:2/1080*h});
    $(".count_num_bottom").css({height:60/1080*h+"px",paddingTop:10/1080*h,'font-size':1*h/1080+"em"});
    $(".count_num_bottom .rectangle_bg").css({height:25/1080*h+"px"});
    $(".count_num_bottom .rectangle_bg .rectangle").css({lineHeight:25/1080*h+"px",paddingLeft:15/1920*w+"px",'font-size':1.25*h/1080+"em"});
    $(".count_num_bottom .rectangle_bg .rectangle .total_ren").css({'font-size':0.875*h/1080+"em"});

    ///通知模块
    $(".kp_notice").css({marginLeft:30/1920*w+"px",width:675/1920*w+"px",height:310/1080*h+"px"});
    $(".notice_con").css({marginTop:-30/1080*h+"px"});
    $(".notice_con_title").css({paddingTop:20/1080*h+"px",'font-size':1.25*h/1080+"em"});
    $(".notice_con_list").css({marginTop:15/1080*h+"px"});
    $(".notice_con_list p").css({textIndent:32/1080*h+"px",paddingTop:5/1080*h+"px",paddingBottom:15/1080*h+"px",paddingLeft:15/1920*w+"px",paddingRight:15/1920*w+"px",'font-size':1.125*h/1080+"em"});

    ///今日推荐模块
    $(".kp_recommend").css({width:490/1920*w+"px",height:400/1080*h+"px",marginTop:-60/1080*h+"px",marginLeft:70/1920*w+"px",paddingTop:10/1080*h+"px",paddingBottom:10/1080*h+"px",paddingLeft:10/1920*w+"px",paddingRight:10/1920*w+"px",});
    $(".kp_last_title").css({width:70/1920*w+"px"});
    $(".kp_last_title .txt_last_right").css({width:5/1920*w+"px",top:30/1080*h+"px",'font-size':0.625*h/1080+"em"});
    $(".kp_last_title .txt_last_left").css({width:20/1920*w+"px",top:25/1080*h+"px",'font-size':1.5*h/1080+"em"});
    $(".recommend_con").css({width:372/1920*w+"px",height:373/1080*h+"px"});
    $(".recommend_con_circle5").css({paddingTop:27/1080*h+"px",paddingBottom:50/1080*h+"px",paddingLeft:22/1920*w+"px",paddingRight:60/1920*w+"px"});
    $(".circle_mother").css({width:300/1920*w+"px",height:300/1080*h+"px"});
    $(".recommend_con_circle4").css({width:308/1920*w+"px",height:298/1080*h+"px"});
    $(".recommend_con_circle").css({width:290/1920*w+"px",height:290/1080*h+"px"});
    $(".recommend_con_circle3").css({width:270/1920*w+"px",height:270/1080*h+"px"});
    $(".recommend_con_circle2").css({width:240/1920*w+"px",height:240/1080*h+"px"});
    $(".recommend_con_circle1").css({width:226/1920*w+"px",height:226/1080*h+"px"});
    $(".recommend_con_book").css({width:140/1920*w+"px"});
    $(".recommend_sao_title").css({width:200/1920*w+"px",height:60/1080*h+"px",right:-48/1920*w+"px",top:55/1080*h+"px",'font-size':1.5*h/1080+"em"});
    $(".recommend_sao_title span").css({marginRight:10/1920*w+"px"});
    //$(".sao_02").css({top:-50/1080*h+"px"});
    $(".sao_04").css({paddingTop:10/1080*h+"px"});
    $(".recommend_sao_num").css({right:10/1920*w+"px",bottom:50/1080*h+"px",'font-size':1*h/1080+"em"});
    $("#two_code").css({'font-size':1.375*h/1080+"em"});
    $(".recommend_bot").css({bottom:5/1080*h+"px",'font-size':1.125*h/1080+"em"});
}










